<div class="timeFilter clearfix">
    <div class="row"id="row1">
        <div class="clearfix col1"><input type="radio" class="radio" name="timeFilter" checked="checked" data-type="period"/><label>Period</label></div>
        <div class="clearfix col2"><input type="text" class="text datepicker hook_dateFrom"/></div>
        <div class="clearfix col3"><input type="text" class="text datepicker hook_dateTo"/></div>
        <div class="clearfix col4"><input type="checkbox" class="checkbox hook_oneDay"/><label>One day</label></div>
        <div class="clearfix col5" style="float:right;">
            <label class="line clearfix" style="float:left;">Line</label>
            <div class="select line clearfix" style="float:right;width:60px;">
                <select class="hook_line"></select>
                <img src="img/arrow-down-sm.png">
            </div>
        </div>
    </div>
    <div class="row"id="row2">
        <div class="clearfix col1"><input type="radio" class="radio" name="timeFilter" data-type="month"/><label>Month</label></div>
        <div class="clearfix col2"><div class="select">
                                    <select class="hook_mMonth">
                                        <option value="Jan">Jan</option>
                                        <option value="Feb">Feb</option>
                                        <option value="Mar">Mar</option>
                                        <option value="Apr">Apr</option>
                                        <option value="May">May</option>
                                        <option value="Jun">Jun</option>
                                        <option value="Jul">Jul</option>
                                        <option value="Aug">Aug</option>
                                        <option value="Sep">Sep</option>
                                        <option value="Oct">Oct</option>
                                        <option value="Nov">Nov</option>
                                        <option value="Dec">Dec</option>
                                    </select><img src="img/arrow-down-sm.png"></div></div>
        <div class="clearfix col3"><div class="select"><select class="hook_mYear"></select><img src="img/arrow-down-sm.png"></div></div>
        <div class="clearfix col5" style="float:right;">
            <label class="line clearfix" style="float:left;">Shift</label>
            <div class="select line clearfix" style="float:right;width:60px;">
                <select class="hook_shift">                    
                    <option>All</option>
                    <option>1</option>
                    <option>2</option>
                </select>
                <img src="img/arrow-down-sm.png">
            </div>
        </div>
    </div>
    <div class="row"id="row3">
        <div class="clearfix col1"><input type="radio" class="radio" name="timeFilter" data-type="year"/><label>Year</label></div>
        <div class="clearfix col2"><div class="select"><select class="hook_yYear"></select><img src="img/arrow-down-sm.png"></div></div>
        <div class="clearfix col5" style="float:right;">
            <label class="line clearfix" style="float:left;">Shifts/Day</label>
                <input type="text" class="hook_ShiftsPerDay select line clearfix"style="float:right;width:45px;"/>
        </div>
    </div>
    <div class="row submit clearfix"id="row4">
            <div id="refresh" style="float:right;"class="clearfix col5"><button class="full refresh">Refresh</button></div>
            <div id="export"  style="float:right;"class="clearfix col4"><button class="full export">Export</button></div>
    </div>
</div>
